.active {
     color: white !important;
     background-color: #525a63 !important;
 }

a.btn {
    color: white !important;
    margin-right:5px;
}

.text-sm {
    font-size: 14px !important;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    font-weight: 400 !important;
}

button {
    border: none !important;
    outline: none !important;
}

.modal-content {
    margin-top:100px;
    width: 140%;
    margin-left: -100px;
}

.modal-body{
    max-height: 600px;
    overflow-y: auto;
}

.color-back {
    background-color: #2c3e50 !important;
    color: white !important;
}

.color-gray {
    background-color: #ecf0f1 !important;
    color: white !important;
}

.my-radius{
    border-radius: 0.0rem !important;
}

.td-text{
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 8px;
}

.btn-xs {
    padding: 1px 4px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    border-radius: 1px !important;
}


#chooseicon ul li {
    width: 41px !important;
    height: 42px !important;
    line-height: 42px !important;
    border: 1px solid #efefef !important;
    padding: 1px !important;
    margin: 1px !important;
    text-align: center !important;
    font-size: 18px !important;
}

#chooseicon ul {
    margin: 5px 0 0 0;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .0rem !important;
    border-top-right-radius: .0rem !important;
}

.skillbar {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 5px;
    padding-left: 10px;
    cursor: pointer;
    height: 32px;
    background-color: #ecf0f5;
}

.my-sm-3 {
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-top: -15px !important;
    float: left;
}

.border-transparent {
    border-color: #20c997!important;
}


.pagination>li>a, .pagination>li>span {
    position: relative!important;
    float: left!important;
    padding: 6px 12px!important;
    margin-left: -1px!important;
    line-height: 1.42857143!important;
    color: #337ab7;
    text-decoration: none!important;
    background-color: #fff;
    border: 1px solid #ddd!important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3!important;
    color: #fff!important;
    cursor: default!important;
    background-color: #337ab7!important;
    border-color: #337ab7!important;
}


@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url("/static/font/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDc.ttf") format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url("/static/font/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdr.ttf") format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url("/static/font/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf") format('truetype');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url("/static/font/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdr.ttf") format('truetype');
}

.card-footer{
    padding:2px !important;
    background-color: rgba(0,0,0,.03);
    border-top: 0 solid rgba(0,0,0,.125);
}
